<style>
    @media (min-width:786px) {
        .p-tit{
            margin: 50px 0;
            display: flex;
        }
        .p-left ,.p-right{
            width: 50%;
        }
        .c-botton{
            margin-top: 50px;
            width: 50%;
        }
        .c-botton a{
            display: flex;
            border-radius: 10px;
            justify-content: center;
            align-items: center;
        }
    }
</style>
<section class="current-offers-module">
    <div class="about-list">
      <ul>
        <?php if ($cpys) { $key=0; foreach ($cpys as $v) { ?>
          <li>
              <div>{usu_fanyi($v[2], $language)}</div>
              <p>{usu_fanyi($v[3], $language)}</p>
          </li>
          <?php $key++; } } ?>
      </ul>
    </div>
    <style>
      @media(max-width:786px){
           .about-list{
            width: 100%;
            height: 420px;
            background-color: #169442;
          }
           .home-main-parralax{
            margin-top: 150px;
           }
           .alt-image-content-image{
            height: 300px;
           }
           .ny-img{
               margin-top:100px;
           }
           .ny-img img{
               width:100%;
           }
          .about-list ul{
              display: flex;
              flex-wrap: wrap;
          }
          .about-list ul li{
              text-align: center;
              margin: 10px 0;
              width: 50%;
              color: #fff;
          }
          .about-list ul li div{
              font-size: 30px;
          }
          .about-list ul li p{
              font-size: 15px;
              margin: 10px 0;
              
          }
          .current-offers-module__segments {
            display: none;
        }
          .header-title{
              font-size: 40px;
              text-align: center;
              color: #169442;
          }
          .p-thumb{
              width: 80%;
              margin-left: 10%;
          }
          .p-thumb img{
              width: 100%;
          }
      }
      @media(min-width:786px){
          .about-list{
            margin: 50px 0;
            width: 100%;
            height: 220px;
            background-color: #169442;
          }
          .ny-img{
               margin-top:150px;
              max-height: 600px;
          }
          .about-list ul{
              display: flex;
              flex-wrap: wrap;
          }
          .about-list ul li{
              font-weight: 600;
              margin: 10px 0;
              width: 25%;
              list-style: none;
          }
          .home-main-parralax{
              margin-top: 30px;
           }
           .about-list{
             margin-top: 0px;
           }
           .about-list ul{
            padding: 20px 0;
            display: flex;
            color: white;
            justify-content: space-evenly;
            text-align: center;
            font-size: 20px;
           }
           .about-list ul p{
            margin: 0;
           }
          .about-list ul li div{
              font-size: 30px;
          }
          .about-list ul li p{
               font-size:15px;
          }
          .a-icon{
              height: 85px;
          }
          .header {
                padding: 0px;
            }
          .header-title{
              font-size: 40px;
              text-align: center;
              color: #169442;
          }
          .p-thumb{
              width: 50%;
              margin-left: 25%;
          }
          .p-thumb img{
              width: 100%;
          }
      }
    </style>
    <div class="header">
        <h1 class="header-title">{usu_fanyi($title, $language)}</h1>
        <!--<h2 class="header-des">{usu_fanyi($description, $language)}</h1>-->
    </div>
    <div class="p-thumb">
       <img src="{dr_get_file($thumb)}" alt="{usu_fanyi($t['title'], $language)}">
    </div>
</section>
<!--模块1-->
<section>
    <style>
    </style>
    <div>
        <img src="{dr_get_file($mokuai1)}" alt="" style="width:100%"/>
    </div>
</section>
<!--模块2-->
<section>
    <style>
      @media(max-width:786px){
          .module2{
              width: 80%;
              margin: 20px 10%;
          }
          .module2-img img{
              width: 100%;
              border-radius: 20px;
          }
      }
      @media(min-width:786px){
          .p-module{
              width: 60%;
              margin: 50px 20%;
          }
          .module2{
              display: flex;
              flex-wrap: wrap;
          }
          .half-module{
              width: 50%;
          }
          .module2-img img{
              width: 100%;
              border-radius: 20px;
          }
      }
    </style>
    <div class="p-module module2">
        <div class="half-module">
            <p>{usu_fanyi($mk2nr, $language)}</p>
        </div>
        <div class="half-module module2-img">
            <img src="{dr_get_file($mk2tp)}" alt="" />
        </div>
    </div>
</section>
<!--模块3-->
<section>
    <style>
      @media(max-width:786px){
          .module3{
              margin: 20px 10%;
              width: 80%;
          }
          .module3-sub{
              border-radius: 20px;
              padding: 20px;
              width: 100%;
          }
          .module3-sub img{
              width: 100%;
          }
          .module3-sub p{
              text-align: center;
              font-size: 16px;
          }
      }
      @media(min-width:786px){
          .module3{
              display: flex;
          }
          .module3-sub{
              border-radius: 20px;
              padding: 20px;
              width: 33.3%;
          }
          .module3-sub img{
              width: 100%;
          }
          .module3-sub p{
              text-align: center;
              font-size: 15px;
          }
      }
    </style>
    <div class="p-module module3">
        <?php if ($mokuai3) { $key=0; foreach ($mokuai3 as $v) { ?>
        <div class="module3-sub">
            <img src="{dr_get_file($v[1])}" alt="" />
            <p>{usu_fanyi($v[2], $language)}</p>
        </div>
        <?php $key++; } } ?>
    </div>
</section>
<!--模块4-->
<section>
    <style>
      @media(max-width:786px){
        .module4 img{
            width: 100%;
        }
      }
      @media(min-width:786px){
        .module4 img{
            border-radius: 20px;
            width: 100%;
        }
      }
    </style>
    <div class="p-module module4">
        <img src="{dr_get_file($mokuai4)}" alt="" />
    </div>
</section>
<!--模块5-->
<section>
    <style>
      @media(max-width:786px){
          .half-module5{
              width: 100%;
          }
          .module5{
              display: flex;
              flex-wrap: wrap;
          }
          .half-module5{
              padding:0 50px;
              width: 100%;
              text-align: center;
          }
          .half-module5 h1{
              color: #169442;
          }
          .module5-img img{
              width: 100%;
             border-radius: 20px;
          }
          .module-line{
              margin-left:25% ;
          }
      }
      @media(min-width:786px){
          .module5{
              display: flex;
              flex-wrap: wrap;
          }
          .half-module5{
              padding: 50px;
              width: 50%;
          }
          .half-module5 h1{
              color: #169442;
          }
          .module5-img img{
              width: 100%;
             border-radius: 20px;
          }
      }
     .module-line{
            margin-top: 20px;
            width: 50%;
            height: 2px;
            background-color: #169442;
        }
    </style>
    <div class="p-module module5">
        <?php if ($mokuai5) { $key=0; foreach ($mokuai5 as $v) { ?>
        {if ($key+1) % 2 == 0}
        <div class="half-module module5-img">
            <img src="{dr_get_file($v[1])}" alt="" />
        </div>
        <div class="half-module5">
            <h1>{usu_fanyi($v[2], $language)}</h1>
            <div class="module-line"></div>
            <p>{usu_fanyi($v[3], $language)}</p>
        </div>
        {else}<div class="half-module5">
            <h1>{usu_fanyi($v[2], $language)}</h1>
            <div class="module-line"></div>
            <p>{usu_fanyi($v[3], $language)}</p>
        </div>
        <div class="half-module module5-img">
            <img src="{dr_get_file($v[1])}" alt="" />
        </div>
        {/if}
        <?php $key++; } } ?>
    </div>
</section>
<!--模块6-->
<section>
    <style>
      @media(max-width:786px){
        .module6 img{
            width: 100%;
        }
      }
      @media(min-width:786px){
        .module6 img{
            border-radius: 20px;
            width: 100%;
        }
      }
    </style>
    <div class="p-module module6">
        <img src="{dr_get_file($mokuai6)}" alt="" />
    </div>
</section>
<!--模块7-->
<section>
    <style>
        .module7 h1{
            font-size: 25px;
            font-weight: 600;
            color: #169442;
        }
        .module-line2{
            margin-top: 20px;
            height: 2px;
            background-color: #169442;
            width: 150px;
        }
      @media(max-width:786px){
          .module7{
              margin:0 auto;
              width: 90%;
          }
          .module7 img{
              width: 100%;
          }
      }
      @media(min-width:786px){
      }
    </style>
    <div class="p-module module7">
        <h1>{usu_fanyi($mokuai7, $language)}</h1>
        <div class="module-line2"></div>
        <p>{usu_fanyi($mk7nr, $language)}</p>
    </div>
</section>
<nav class="current-offers-module__segments">
</nav>
<style>
  @media (min-width:756px) {
    .i_tit{
      margin-bottom: 50px;
    }
    .in_contact_t{
      text-align: center;
      margin-bottom: 120px;
    }
    .in_c_list dd {
      margin-left: 22%;
      display: flex;
      justify-content: flex-start;
    }
    .in_c_list dd .icon-s{
     margin-right: 20px;
     padding: 10px;
    }
    .in_c_list dd span{
     text-align:left;
    }
    .in_c_list p{
      margin: 0;
    }
  }
  .more-s{
    text-align: center;
    padding: 10px 80px;
    color: #169442;
    background: #fff;
  }
  .more-s:hover{
    border-color: #169442;
    color: #fff;
    background: #169442;
  }
  @media screen and (min-width: 1440px){
    .footer-row {
        padding-left: 117px;
        padding-right: 137px;
        margin-top: 70px;
    }
  }
</style>